<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>全选全不选</title>
	<script src="js/jquery-3.4.1.min.js"></script>
	<style>
		table{
			width: 700px;
			margin: 30px auto;
			border-collapse: collapse;
			box-sizing: border-box;
		}
		td{
			padding: 5px;
			border: 1px solid #7A8C01;
			text-align: center;
		}
		tr:first-child{			
			font-weight: bold;
		}
		.thead{
			background: #A79496;
		}
	</style>
	<script>
		$(function(){
			/* $('#selectAll').click(function(){
				if(this.checked){
					$('[type=checkbox]').prop('checked',true)
				}else{
					$('[type=checkbox]').prop('checked',false)
				}
			}) */
		})
	</script>
</head>
<body>
	<table>
		<tr>
			<td>
				<input type="checkbox" name="selectAll" id="selectAll">全选
			</td>
			<td>编号</td>
			<td>名称</td>
			<td>单价</td>
			<td>数量</td>
		</tr>
		<tr>
			<td>
				<input type="checkbox" name="ids" value="1">
			</td>
			<td>1</td>
			<td>儿童双人翘翘板宝宝室内摇马</td>
			<td>95.00</td>
			<td>2</td>
		</tr>
		<tr>
			<td>
				<input type="checkbox" name="ids" value="2">
			</td>
			<td>2</td>
			<td>户外儿童游戏屋塑料小房子玩具屋</td>
			<td>423.99</td>
			<td>1</td>
		</tr>
		<tr>
			<td>
				<input type="checkbox" name="ids" value="3">
			</td>
			<td>3</td>
			<td>脚踏车感统训练器材家用</td>
			<td>65.00</td>
			<td>3</td>
		</tr>
		<tr>
			<td>
				<input type="checkbox" name="ids" value="4">
			</td>
			<td>4</td>
			<td>儿童保龄球玩具木制大号套装</td>
			<td>35.00</td>
			<td>5</td>
		</tr>
		<tr>
			<td>
				<input type="checkbox" name="ids" value="5">
			</td>
			<td>5</td>
			<td><input type="number"></td>
			<td><input type="email"></td>
			<td><select name="" id="">
				<option value="1">绍兴</option>
			</select></td>
		</tr>
	</table>
</body>
</html>